<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <ul>
        <li>唱</li>
        <li id="l2">跳</li>
        <li>rap</li>
    </ul>
</body>
<script src="jquery.3.4.1.js"></script>
<script>
    // $('li:first').appendTo('ul')
    // $('li:last').prependTo('ul')

    // $('ul').prepend('<li>李东宇</li>')
    // $('<li>邓帅</li>').prependTo('ul')


    // var li = document.createElement('li')
    // var jq = $(li).text('张艺兴')
    // $('ul').append('<li>鹿晗</li>')
    // $('ul').append(jq)
    // $('ul').append(jq[0])
    // var dom_ul = document.getElementsByTagName('ul')[0]

    // var li = document.createElement('li')
    // var jq = $(li).text('张艺兴')
    // jq.appendTo($('ul'))

    // $('#l2').before('<li>李东宇</li>')
    // $('<li>李东宇222</li>').insertBefore('#l2')

    $('#l2').after('<li>邓帅</li>')
    $('<li>邓帅222</li>').insertAfter('#l2')
</script>
</html>